* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#xiangqing {
    width: 100%;
    min-height: 100vh;
    .author {
        width: 95%;
        height: 40px;
        margin: 10px auto;
        border-radius: 10px;
        box-shadow: 0 0 5px black;

        .authorphoto {
            width: 10%;
            height: 100%;
            float: left;
            background:tomato;
            border-radius: 50%;
        }

        .authorinfo {
            width: 40%;
            height: 100%;
            float: left;
        }

        .authorplus {
            width: 30%;
            height: 100%;
            float: right;
        }
    }

    #bookprice {
        width: 100%;
        height: 50px;
        background: lightgray;
        margin: 10px auto;
        box-shadow: 0 0 5px black;
        display: flex;
        justify-content: space-around;
        line-height: 50px;
    }

    #map {
        width: 100%;
        height: 40px;
        background-image: url('../../public/map.png');
        background-size: 100%;
        line-height: 40px;
        font-weight: bold;
        ;
    }

    #bookitem {
        width: 90%;
        height: 240px;
        background: lightgray;
        margin: 10px auto;

        .demo-swiper {
            .rv-swiper {
                img {
                    display: block;
                    box-sizing: border-box;
                    width: 100%;
                    height: 240px;
                    padding: 30px 60px;
                    background-color: #fff;
                    pointer-events: none;
                }
            }
        }
    }

    #bookinfo {
        width: 95%;
        height: 130px;
        margin: 10px auto;
        background: lightgray;
        box-shadow: 0 0 5px black;

        p {
            margin-top: 10px;
        }
    }

    #detail {
        width: 100%;
        height: 200px;

        #dtl {
            width: 90%;
            height: 100%;
            margin: 0 auto;
            line-height: 2em;
        }
    }

    #personal {
        width: 100%;
        height:250px;
        #positional {
            width: 90%;
            height: 50px;
            margin: 0 auto;

            #positional_photo {
                width: 15%;
                height: 100%;
                float: left;

                img {
                    width: 90%;
                    height: 90%;
                    border-radius: 50%;
                }
            }

            #positional_con {
                width: 80%;
                height: 100%;
                float: right;

                /* display:inline-block; */
                input {
                    width: 80%;
                    height: 100%;
                    background: #edf1f2;
                    border: none;
                }

                button {
                    width: 20%;
                    height: 100%;
                    border: none;
                    background: #de7d2c;
                }

            }

        }

    }

    #recover {
        width: 90%;
        height: 50px;
        margin:10px auto;
        display:flex;
        justify-content: space-between;
        #recover_img{
            width:15%;
            height:100%;
            border-radius: 50%;
            overflow: hidden;
            border:1px solid #cecece;
            img{
                width:90%;
                height:100%
            }
        }
        #recover_said{
            width:60%;
            height:100%;
            line-height:1.5em;
        }
    }
    #common{
        width:90%;
        height:50px;  
        margin:10px auto;
        #common_author{
            width:50%;
            height:100%;
            float:right; 
            display:flex;   
            justify-content: space-between;   
            #author_info{
                width:72%;
                height:100%;
                font-size: 13px;
                .p1{
                    display:flex;
                    justify-content: space-between;
                }
                .p2{
                    text-align: right;
                    margin-top:5px;
                }
            }
            #author_photo{
                width:25%;
                height:100%;
                border-radius: 50%;
                overflow: hidden;
                img{
                    width:90%;
                    height:100%;
                }
            }
        }
    }

    #footer {
        width: 100%;
        height: 50px;
        background: green;
        position:fixed;
        bottom:0;
    }
    #common1{
        width:90%;
        height:50px;  
        margin:10px auto;
        text-align: center;
        input{
            margin-top:10px;
        }
    }
}